<script setup>
const props = defineProps({
  gap: {
    type: String,
    default: '0', // 默认间距为 0
  },
  alignItems: {
    type: String,
    default: 'stretch', // 默认对齐方式
  },
  justifyContent: {
    type: String,
    default: 'flex-start', // 默认主轴对齐方式
  },
});
</script>

<template>
  <div
      class="flex-row"
      :style="{
      gap: props.gap,
      alignItems: props.alignItems,
      justifyContent: props.justifyContent,
    }"
  >
    <slot></slot>
  </div>
</template>

<style scoped>
.flex-row {
  display: flex;
  flex-direction: row;
}
</style>